<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../dist/css/goodlist.css">
    <link rel="stylesheet" href="../dist/css/pagination.css">
</head>

<body>
    @@include("./header.html")
    <!-- 品牌分类 -->
    <div class="crumbs bancen">
        <div class=" search-path crumbsTV clearfix">
            <a rel="nofollow" id="allResult" title="全部结果" class="allResult all">全部结果</a>
            <i class="icon-right"></i>
            <h1 class="goods-name">护肤</h1>
        </div>
        <a class="all-opt-btn open">收起筛选<i></i></a>
    </div>

    <!-- 品牌图标 -->
    <div class="brandbox bancen">
        <div class="brand">
            <div class="left">
                品牌
            </div>
            <div class="cent">
                <div class="box">
                    <img src="//image.suning.cn/uimg/pcms/brandLogo/5950_140x56.jpg" alt="玉兰油(OLAY)">
                </div>
                <div class="box">
                    <img src="//image.suning.cn/uimg/pcms/brandLogo/9313_140x56.jpg" alt="韩束(Kans)">
                </div>
                <div class="box">
                    <img src="//image.suning.cn/uimg/pcms/brandLogo/7131_140x56.jpg" alt="妮维雅(NIVEA)">
                </div>
                <div class="box">
                    <img src="//image.suning.cn/uimg/pcms/brandLogo/7140_140x56.jpg" alt="碧欧泉(BIOTHERM)">
                </div>
                <div class="box">
                    <img src="//image.suning.cn/uimg/pcms/brandLogo/7141_140x56.jpg" alt="雅诗兰黛(Estee Lauder)">
                </div>
                <div class="box">
                    <img src="//image.suning.cn/uimg/pcms/brandLogo/7295_140x56.jpg" alt="百雀羚(PECHOIN)">
                </div>
                <div class="box">
                    <img src="//image.suning.cn/uimg/pcms/brandLogo/7467_140x56.jpg" alt="相宜本草(INOHERB)">
                </div>
                <div class="box">
                    <img src="//image.suning.cn/uimg/pcms/brandLogo/7475_140x56.jpg" alt="丹姿(DANZ)">
                </div>
                <div class="box">

                </div>
                <div class="box">
                    <img src="//image.suning.cn/uimg/pcms/brandLogo/7146_140x56.jpg" alt="兰蔻(LANCOME)">
                </div>
                <div class="box">
                    <img src="//image.suning.cn/uimg/pcms/brandLogo/7162_140x56.jpg" alt="薇姿(VICHY)">
                </div>
                <div class="box">
                    <img src="https://imgservice1.suning.cn/uimg1/pcms/newcatentries/aDI_4Y-2WXX3VUDtuBQofA.jpg"
                        alt="大宝(DABAO)" tabindex="-1" aria-hidden="true">
                </div>
                <div class="box">
                    <img src="//image.suning.cn/uimg/pcms/brandLogo/K665_140x56.jpg" alt="自然乐园(Nature Republic)">
                </div>
                <div class="box">
                    <img src="//image.suning.cn/uimg/pcms/brandLogo/9318_140x56.jpg" alt="片仔癀(PZH)">
                </div>
                <div class="box">
                    <img src="https://imgservice1.suning.cn/uimg1/pcms/newcatentries/9qiSPGFBP_chhYjGoxQaLw.jpg"
                        alt="欧莱雅(L'OREAL)">
                </div>
                <div class="box">
                    <img src="//image.suning.cn/uimg/pcms/brandLogo/A328_140x56.jpg" alt="雪花秀(Sulwhasoo)">
                </div>
                <div class="box">
                    <img src="https://imgservice1.suning.cn/uimg1/pcms/newcatentries/b_iJJGSQ__7zwvjL1zxS9A.jpg"
                        alt="后(Whoo)" tabindex="-1" aria-hidden="true">
                </div>
                <div class="box">
                    <img src="//image.suning.cn/uimg/pcms/brandLogo/7200_140x56.jpg" alt="自然堂(CHANDO)">
                </div>
                <div class="box">
                    <img src="//image.suning.cn/uimg/pcms/brandLogo/8119_140x56.jpg" alt="SK-II">
                </div>
            </div>
            <div class="right">
                <a class="more-btn show">升序<i></i></a>
                <a class="expend-btn">降序<i></i></a>
            </div>
        </div>

        <div class="filter-section f-class clearfix ">
            <div class="s-left">
                <label>相关分类</label>
            </div>
            <div class="s-right">
                <span>护肤套装</span>
                <span>护肤水/爽肤水</span>
                <span>洁面乳</span>
            </div>
        </div>
        <div class="filter-section f-class clearfix ">
            <div class="s-left">
                <label>类别</label>
            </div>
            <div class="s-right">
                <span>洁面膏</span>
                <span>洁面霜</span>
            </div>
        </div>
        <div class="filter-section f-class clearfix ">
            <div class="s-left">
                <label>适合肤质</label>
            </div>
            <div class="s-right">
                <span>中性肤质</span>
                <span>干性肤质</span>
                <span>油性肤质</span>
                <span>敏感肤质</span>
                <span>混合肤质</span>
                <span>各种肤质</span>
            </div>
        </div>
        <div class="filter-section f-class clearfix ">
            <div class="s-left">
                <label>其它选项</label>
            </div>
            <div class="s-right">
                <span>适用人群</span>
                <span>功效</span>
                <span>质地</span>
                <span>类型</span>
            </div>
        </div>

    </div>

    <!-- 商品列表 -->
    <div class="goodlist">
        <div class="item-bg">
            
        </div>

    </div>

    <div class="pagination"></div>
    
    <script src="../static/javascripts/data.js"></script>
    <script src="../static/javascripts/jQuery.js"></script>
    <script src="../static/javascripts/axios.js"></script>
    <script src="../static/javascripts/utils.js"></script>
    <script src="./javascripts/goodlist.js"></script>
    <script src="../static/javascripts/pagination.js"></script>
</body>

</html>